<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    
    
    <!-- <script src="d3.min.js"></script> -->
    <script src="https://d3js.org/d3.v7.min.js"></script>
    <script>
    //    const x = d3.scaleTime()
    //         .domain([new Date(2022,1,1),new Date(2023,1,1)])
    //         .range([0,100]);
    //     console.log(x(new Date(2022,7,2,12)));
    //     console.log(x.invert(50));

    // const x = d3.scaleUtc()
    //     .domain([new Date(2022,1,1),new Date(2023,1,1)])
    //     .domain([new Date("2022-01-01T00:00Z"),new Date("2023-01-01T00:00Z")])
    //     .range([0,100]);
    // console.log(x(new Date("2022-07-02T12:00Z")));
    // console.log(x.invert(50));

    // const x = d3.scaleTime()
    //     .domain([new Date("2022-01-01 00:00:00") , new Date("2022-12-31 23:59:59")])
    //     .range([0,500]);
    // const t = x.ticks(10) ;
    // const f = x.tickFormat(d3.timeFormat('%b %d'));
        const x = d3.scaleSymlog([0, 100], [0, 960]);
    </script>
</body>
</html>